<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>吾爱直播</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            border:0;
            box-sizing: border-box;
        }
        html{
            font-size: 20px;
        }
        .container{
            background-image: url('./images/平台下载背景图层1@2x.png');
            margin: 0 auto;
        }
        .container .xiang{
            display: block;
            width: 30%;
            margin:0 auto;
            padding-top: 7rem;
        }
        .btn-img{
            width: 90%;
            margin: 0 auto;
            display: block;
        }
        .btn-img-load{
            margin-top: 6rem;
            margin-bottom: 1.6rem;
        }
        @media screen and (min-width:640px){
            .container{
                width: 640px;
            }
            .container .xiang{
                padding-top: 141px;
            }
            .btn-img-load{
                margin-top: 120px;
                margin-bottom: 32px;
            }
        }
    </style>
</head>
<body>
    <div id="container" class="container">
        <img class="xiang" src="./images/矢量智能对象拷贝@2x.png" alt="">
        <img class="btn-img-load btn-img" src="./images/安卓下载@2x.png" alt="">
        <img id="IOS" class="btn-img" src="./images/IOS下载拷贝@2x.png" alt="">
    </div>
    <script>
        (function(doc,win){
            docEl = doc.documentElement;
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
            recalc = function(){
                var clientWidth = docEl.clientWidth;
                var clientHeight = docEl.clientHeight;
                if(!clientWidth) return;
                docEl.style.fontSize = 20 * (clientWidth / 375) + 'px'; // 设计稿375 fontsize:20                
                document.getElementById('container').style.height = clientHeight + 'px';
            }
            if(!doc.addEventListener) return;
            win.addEventListener(resizeEvt,recalc,false);
            doc.addEventListener('DOMContentLoaded',recalc,false);
        })(document,window)
        
    </script>
</body>
</html>
